<template>
  <div>
    <!-- 我是子组件 -- {{  list }}

    <h4>
        {{  num }}
    </h4>

    <button @click="push">我是子组件的按钮</button>
    <button @click="num2+=1">子-num</button> -->


    <!-- 子向父 -->
    <!-- 1.定义自定义事件 -->
    我是子组件 -- {{ count }}

    <button @click="send">点我传递</button>
    <button @click="count += 1">加号</button>
  </div>
</template>

<script>
export default {
    name: "son-com",
    // props: ["list", "num"],
    // props: {
    //     list: Array,
    //     num: String
    // },
    props: {
        num: {
            type: Number,
            // 是否必传
            // required: true,
            // 默认值  如果没有传递话会走默认值
            default: 999
        },
        list: {
            type: Array,
            default: () => {
                return [7, 8, 9]
            }
        }
    },
    data() {
        return {
            // num2: this.num
            count: 8888
        }
    },
    methods: {
        push() {
            // this.list.push(this.list.length + 1)
        },
        send() {
            // this.$emit(自定义事件名称, )
            this.$emit('send', this.count)
        }
    }
}
</script>

<style>

</style>